<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../tools/reset.css">
    <style>
         .wrapper {
            width: 1225px;
            margin: 0 auto;
            background-color: white;
        }
        .wrapper1{
            width: 1225px;
            height: 380px;
            margin: 0 auto;
            background-color: rgb(245, 245, 245);
        }
        .top {
            height: 40px;
            width: 100%;
            background-color: rgb(51, 51, 51); 
            top: 0px;
            position: sticky;        
        }
        .left ul li {
            float: left;
            padding-top: 7px;

        }
        .left a {
            color: rgb(176, 176, 176);
            font-size: 12px;
            padding-right: 5px;
        }
        .left a span {
            color: rgb(61, 65, 65);
            padding-left: 5px;
        }
        .right {
            margin-left: 998px;
        }
        .right ul li {
            float: left;
            padding-top: 7px;
        }
        .right a {
            color: rgb(176, 176, 176);
            font-size: 12px;
            padding-right: 5px;
        }
        .right a span {
            color: rgb(61, 65, 65);
            padding-left: 5px;
        }
        .nav {
            height: 100px;
            width: 100%;
            background-color: white;
            top: 40px;
            position: sticky; 
        }
        .nav img {
            height: 60px;
            width: 60px;
            margin-top: 20px;
            float: left;
            margin-right: 150px;
        }
        .nav ul li {
            float: left;
            margin-top: 40px;
            padding-left: 20px;
        }
        .search {
            height: 40px;
            width: 210px;
            border: 1px solid rgb(199, 197, 197);
            float: right;
            margin-top: 20px;
            padding-top: 10px;
        }
        .word {
            height: 37px;
            width: 40px;
            border: 1px solid rgb(199, 197, 197);
            border-left: 0px;
            margin-top: 20px;
            padding-top: 13px;
            padding-left: 10px;
            float: right;
            font-size: 14px;
        }
        .main{
            width: 100%;
            height: 460px;
            background-color:white;
        }
        .slide {
            width: 200px;
            height: 440px;
            background-color: rgb(160, 158, 158);
            float: left;
            padding-left: 30px;
            padding-top: 15px;
            /* line-height: 40px; */
        }
        .slide li {
            margin-top: 17px;
        }
        .slide a {
            color: white;
            font-size: 13px;
        }
        .slide a span {
            float: right;
            padding-right: 20px;
        }
        .center img {
            float: right;
            width: 995px;
            height: 456px;
        }
        .banner {
            width: 100%;
            height: 220px;
            float: left;
            background-color: white;
        }
        .tool {
            height: 180px;
            width: 228px;
            background-color: rgb(95, 87, 80);
            float: left;
            font-size: 13px;
            /* padding-top: 10px;
            padding-left: 10px; */
            margin-top: 10px; 
        }
        .tool img {
            height: 25px;
            width: 25px;
            float: left;
           padding-top: 10px;
           padding-left: 10px;
           margin: 0 auto;

        }
        .block {
            float: left;
            padding-left: 24px;
            margin: 0 auto;
            padding-top: 10px;
          

        }
        .block a {
            color: white;
            display: inline-block;
            padding-top: 50px;
            margin-left: -40px;
            font-size: 13px;
        }
        .picture img{
            width: 320px;
            height: 180px;
            margin-top: 10px;
            margin-left: 10px;
            float: right;
        } 
        .return{
            width: 80px;
            height: 50px;
            position: fixed;
            right: 50px;
            top: 500px;
            float: right;
            border: 1px solid rgb(199, 197, 197);
            background-color: rgb(253, 251, 251);
            padding-top: 20px;
            
        }  
        .return a{ 
         text-align: center;
         font-size: 13px;
         padding-left: 15px;
        
        }
        .content{
            background-color: rgb(245, 245, 245);
            height: 6620px;
        }
       .photo img{
           padding-top: 30px;
           height: 120px;
           width: 100%;
           background-color: rgb(245, 245, 245);
        }
        .nav2{
            width: 100%;
            height: 40px;
            padding-top: 40px;
            /* background-color: rgb(245, 24, 241); */
            float: left;
        }
        .nav2 .head{
            font-size: 20px;
        }
        .nav2 p{
            font-size: 16px;
            float: left;
        }
        .nav2 .p1{
            float: right;
           padding-left: 10px;
        }
       .nav2 .p2{
        /* padding-left: 1080px; */
        float: right;
       }
       .nav2 span{
           float: right;
           padding-left: 20px;
       }    
        .fold{
            width: 234px;
            height: 614px;
            float: left;
            
        }
        .home{
            width: 234px;
            height: 614px;
            float: left;
            margin-top: 0px;

        }
        .home .img2{
            padding-top: 15px;
        }
        .fold img{
            width: 234px;
            height: 614px;
        }
       .phone{
            width: 978px;
            height: 614px;
            float: right;
       }
       .item{
            width: 234px;
            height: 300px;
            background-color: white;
            float: left;
            margin-bottom: 14px;
            margin-right: 14px;
        }
        .item img{
            width: 180px;
            height: 180px;
            padding-left: 27px;
            padding-top: 20px;
        }
        .item p{
            padding-top: 20px;
            text-align: center;
        }
        .remove{
            margin-right: 0;
        }
        .clear{
            clear: both;
        }
        .ved{
            width: 250;
            height:280px;
            float: left;
            background-color:white;
        }
        .ved p{
            text-align: center;
            padding-top: 30px;
            font-size: 13px;

        }
        .ved1{
            width: 250;
            height:280px;
            float: left;
            background-color: white;
            margin-left: 12px;
        }
        .ved1 p{
            text-align: center;
            padding-top: 30px;
            font-size: 13px;

        }

        .footer{
            width: 100%;
            height: 340px;
            background-color: white;
            /* margin-top: 60px; */
        }
        .footere{
             height: 340px;
            background-color: white;
        }
        .footer a{
            font-size: 18px;
            float: left;
            padding-left: 70px;
            color: rgb(112, 110, 110);
        }
        .footer a span{
            padding-left: 50px;
            color:rgb(199, 197, 197) ;
        }
        .line{
            width: 100%;
            height: 60px;
            border-bottom: 1px solid rgb(216, 212, 212);
            background-color: white;
           padding-top: 30px;
            
        }
        .box{
            margin-top: 40px;
        }
        .box dt{
            font-size: 18px;
            padding-bottom: 10px;
        }
        .box dd{
            font-size: 13px;
            padding-top: 10px;
            color: rgb(83, 82, 82);
        }
    .box dl{
        float: left;
        padding-right: 80px;
    }
    .textr{
        width: 310px;
        height: 200px;
        margin-top: -120px;
        border-left:1px solid rgb(199, 197, 197);
        float: right;
    }
    .textr p{
       font-size: 20px;
       color:rgb(223, 23, 73); 
       padding-left: 100px;     
    }
    .textr .p1{
        font-size: 13px;
        color: rgb(73, 71, 71);
    }
    .textr .p2 {
        width: 85px;
        height: 30px;
        border: 1px solid red;
        margin-left: 115px;   
        margin-top: 10px; 
        padding-left: 20px; 
    }
    .textr .p3{
        font-size: 13px;
        color: rgb(73, 71, 71);
        margin-top: 10px;
    }
    .textr img{
        float: right;
        margin-top: -20px;
        margin-right: 80px;
    }
    .last{
        height: 200px;
        background-color: rgb(245, 245, 245);
        padding-top: 20px;
    }
    .bg{
        background-color: rgb(245, 245, 245); 
        
    }
     .last p{
        font-size: 13px;
        margin-left: 80px;
    }
    .last .p1{
        font-size: 13px;
        margin-left: 80px;
        color: rgb(194, 189, 189);
        float: left;
        margin-top: -20px;
    }
    .last img{
           height: 60px;
            width: 60px;
            float: left;
         
    }
    .bottom img{
        height: 30px;
        width: 60px;
        float: left;
    }
    .bottom{
        margin-left: 80px;
    }
    </style>
</head>
<body>
    <div class="return"> 
        <a href="#">返回顶部</a>
    </div>
    <div class="top">
        <div class="wrapper">
            <div class="left">
                <ul id="返回">
                    <li>
                        <a href="">小米商城<span>|</span></a>
                    </li>
                    <li>
                        <a href="">MIUI<span>|</span></a>
                    </li>
                    <li>
                        <a href=""> IoT <span>|</span></a>
                    </li>
                    <li>
                        <a href="">云服务<span>|</span></a>
                    </li>
                    <li>
                        <a href="">天星数科<span>|</span></a>
                    </li>
                    <li>
                        <a href="">有品<span>|</span></a>
                    </li>
                    <li>
                        <a href="">小爱开放平台<span>|</span></a>
                    </li>
                    <li>
                        <a href="">企业团购<span>|</span></a>
                    </li>
                    <li>
                        <a href="">资质证照<span>|</span></a>
                    </li>
                    <li>
                        <a href="">协议规则<span>|</span></a>
                    </li>
                    <li>
                        <a href="">下载app<span>|</span></a>
                    </li>
                    <li>
                        <a href="">智能生活<span>|</span></a>
                    </li>
                    <li>
                        <a href="">Select Location</a>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <a href="">登录<span>|</span></a>
                    </li>
                    <li>
                        <a href="">注册<span>|</span></a>
                    </li>
                    <li>
                        <a href="">消息通知<span>|</span></a>
                    </li>
                    <li>
                        <a href="">购物车 (0)</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="nav">
        <div class="wrapper">
            <div class="navl">
                <img src="./xiaomi/img/logo-mi2.png" alt="">
            </div>
            <div>
                <ul>
                    <li>
                        <a href="">Xiaomi手机</a>
                    </li>
                    <li>
                        <a href="">Redmi红米</a>
                    </li>
                    <li>
                        <a href="">电视</a>
                    </li>
                    <li>
                        <a href="">笔记本</a>
                    </li>
                    <li>
                        <a href="">平板</a>
                    </li>
                    <li>
                        <a href="">家电</a>
                    </li>
                    <li>
                        <a href="">路由器</a>
                    </li>
                    <li>
                        <a href="">服务</a>
                    </li>
                    <li>
                        <a href="">社区</a>
                    </li>
                </ul>
            </div>

            <div class="word">
                <a href="">搜索</a>
            </div>
            <div class="search">
                <input type="text" placeholder="手机">
            </div>
        </div>
    </div>

    <div class="main">
        <div class="wrapper">
            <div class="slide">
                <ul>
                    <li>
                        <a href="">手机<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">电视<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">笔记本 平板<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">家电<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">出行 穿戴<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">智能 路由器<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">电源 配件<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">健康 儿童<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">耳机 音箱<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="">生活 箱包<span>&gt;</span></a>
                    </li>
                </ul>
            </div>
            
            <div class="center">
                <img src="./xiaomi/img/center.jpg" alt="">
            </div>
        </div>
    </div>

    <div class="banner">
        <div class="wrapper">
            <div class="tool">      
                <div class="block">
                    <a href=""> 保障服务</a>
                    <img src="./xiaomi/img/clock.png" alt="">
                </div>       
                <div class="block">
                    <a href=""> 企业团购</a>
                    <img src="./xiaomi/img/business.png" alt="">
                </div>                  
                <div class="block">
                    <a href="">F码通道</a>
                    <img src="./xiaomi/img/f.png" alt="">
                </div>                   
                <div class="block">
                    <a href="">米粉卡</a>
                    <img src="./xiaomi/img/card.png" alt="">
                </div>                   
                <div class="block">
                    <a href="">以旧换新</a>
                    <img src="./xiaomi/img/old~new.png" alt="">
                </div>                 
                <div class="block">
                    <a href="">话费充值</a>
                    <img src="./xiaomi/img/phone.png" alt="">
                </div>
            </div>
            <div class="picture">
                <img src="./xiaomi/img/888.jpg" alt="">
                <img src="./xiaomi/img/MIX.png" alt="">
                <img src="./xiaomi/img/buds3.png" alt="">
            </div>
        </div>
    </div>
  
  
  <div class="content">
    <div class="wrapper">
        <div class="photo">
        <img src="./xiaomi/img/k40.webp" alt="">
      </div>
      <div class="nav2">
          <p class="head">手机</p>
          <p class="p1">查看更多<span>&gt;</span></p>
      </div>
    </div>
    <div class="wrapper1">
        <div class="fold">
          <img src="./xiaomi/img/mixfold.webp" alt="">
        </div>
        <div class="phone">
         <div class="item">
             <div>
             <img src="./xiaomi/load/black.png" alt="">
             <p>Xiaomi 12 Pro</p>
            </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/load/black.png" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/load/black.png" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item remove">
            <div>
                <img src="./xiaomi/load/black.png" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/load/black.png" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/load/black.png" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/load/black.png" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item remove">
            <div>
                <img src="./xiaomi/load/black.png" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
     </div>
     <!-- 清浮动 -->
     <div class="clear"></div>
     <div class="nav2">
        <p class="head">智能穿戴</p>
        <a href=""><span>穿戴</span></a>
        <a href=""><p class="p2">热门</p></a>
     </div>
        </div>

        <div class="wrapper1">
            <div class="fold">
              <img src="./xiaomi/img/watch.webp" alt="">
            </div>
            <div class="phone">
             <div class="item">
                 <div>
                 <img src="./xiaomi/load/手表.png" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/load/手表.png" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/load/手表.png" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item remove">
                <div>
                    <img src="./xiaomi/load/手表.png" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/load/手表.png" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/load/手表.png"alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/load/手表.png" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item remove">
                <div>
                    <img src="./xiaomi/load/手表.png" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
        </div>
        <!-- 清浮动 -->
        <div class="clear"></div>
        <div class="nav2">
            <p class="head">家电</p>
            <a href=""><span>电视影音</span></a>
            <a href=""><p class="p2">热门</p></a>
        </div>
        </div>

        <div class="wrapper1">
            <div class="home">
              <img src="./xiaomi/img/小米电视6.webp" alt="">
              <img class="img2" src="./xiaomi/img/大师777.webp" alt="">
            </div>
            <div class="phone">
             <div class="item">
                 <div>
                 <img src="./xiaomi/img/小米电视.webp" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/小米电视.webp" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/小米电视.webp" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item remove">
                <div>
                    <img src="./xiaomi/img/小米电视.webp"alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/小米电视.webp"alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/小米电视.webp" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/小米电视.webp" alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item remove">
                <div>
                    <img src="./xiaomi/img/小米电视.webp"alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
        </div>
        <!-- 清浮动 -->
        <div class="clear"></div>
        <div class="nav2">
            <p class="head">生活电器</p>
            <a href=""><span>风扇</span></a>
            <a href=""><span>清洁</span></a>
            <a href=""><span>空净</span></a>
            <a href=""><p class="p2">扫地机</p></a>
        </div>
        </div>

        <div class="wrapper1">
            <div class="home">
              <img src="./xiaomi/img/空气净化器.webp" alt="">
              <img class="img2" src="./xiaomi/img/扫地机器人.webp" alt="">
            </div>
            <div class="phone">
             <div class="item">
                 <div>
                 <img src="./xiaomi/img/扫地.webp" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/扫地.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/扫地.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item remove">
                <div>
                    <img src="./xiaomi/img/扫地.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/扫地.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/扫地.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/扫地.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item remove">
                <div>
                    <img src="./xiaomi/img/扫地.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
        </div>
        <!-- 清浮动 -->
        <div class="clear"></div>
       
            <div class="photo">
                <img src="./xiaomi/img/1000w.webp" alt="">
              </div>
              <div class="nav2">
                <p class="head">厨房电器</p>
                <a href=""><span>微蒸烤</span></a>
                <a href=""><span>电饭煲</span></a>
                <a href=""><span>烟灶</span></a>
                <a href=""><p class="p2">净水器</p></a>
            </div>
          </div>

          <div class="wrapper1">
            <div class="home">
              <img src="./xiaomi/img/小米净水器.webp" alt="">
              <img class="img2" src="./xiaomi/img/烟灶.webp" alt="">
            </div>
            <div class="phone">
             <div class="item">
                 <div>
                 <img src="./xiaomi/img/净水器.webp" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/净水器.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/净水器.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item remove">
                <div>
                    <img src="./xiaomi/img/净水器.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/净水器.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/净水器.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item">
                <div>
                    <img src="./xiaomi/img/净水器.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
             <div class="item remove">
                <div>
                    <img src="./xiaomi/img/净水器.webp"  alt="">
                    <p>Xiaomi 12 Pro</p>
                   </div>
             </div>
         </div>
         <!-- 清浮动 -->
         <div class="clear"></div>
         <div class="nav2">
            <p class="head">智能家居</p>
            <a href=""><span>智能设备</span></a>
            <a href=""><span>路由器</span></a>
            <a href=""><span>门锁</span></a>
            <a href=""><p class="p2">小爱音箱</p></a>
        </div>
      </div>

      <div class="wrapper1">
        <div class="home">
          <img src="./xiaomi/img/sound.webp" alt="">
          <img class="img2" src="./xiaomi/img/门锁.webp" alt="">
        </div>
        <div class="phone">
         <div class="item">
             <div>
             <img src="./xiaomi/img/音箱.webp" alt="">
             <p>Xiaomi 12 Pro</p>
            </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/img/音箱.webp" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/img/音箱.webp" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item remove">
            <div>
                <img src="./xiaomi/img/音箱.webp" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/img/音箱.webp" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/img/音箱.webp" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item">
            <div>
                <img src="./xiaomi/img/音箱.webp" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
         <div class="item remove">
            <div>
                <img src="./xiaomi/img/音箱.webp" alt="">
                <p>Xiaomi 12 Pro</p>
               </div>
         </div>
     </div>
     <!-- 清浮动 -->
     <div class="clear"></div>
     <div class="nav2">
        <p class="head">运动出行</p>
        <a href=""><span>出行工具</span></a>
        <a href=""><span>箱包配饰</span></a>
        <a href=""><span>运动健身</span></a>
        <a href=""><p class="p2">平衡板/滑板车</p></a>
     </div>
     </div>

     <div class="wrapper1">
        <div class="home">
         <img src="./xiaomi/img/平衡车.webp" alt="">
         <img class="img2" src="./xiaomi/img/跑步机.webp" alt="">
        </div>
        <div class="phone">
        <div class="item">
            <div>
            <img src="./xiaomi/img/9号.jpg" alt="">
            <p>Xiaomi 12 Pro</p>
           </div>
        </div>
        <div class="item">
           <div>
               <img src="./xiaomi/img/9号.jpg" alt="">
               <p>Xiaomi 12 Pro</p>
              </div>
        </div>
        <div class="item">
           <div>
               <img src="./xiaomi/img/9号.jpg"alt="">
               <p>Xiaomi 12 Pro</p>
              </div>
        </div>
        <div class="item remove">
           <div>
               <img src="./xiaomi/img/9号.jpg" alt="">
               <p>Xiaomi 12 Pro</p>
              </div>
        </div>
        <div class="item">
           <div>
               <img src="./xiaomi/img/9号.jpg" alt="">
               <p>Xiaomi 12 Pro</p>
              </div>
        </div>
        <div class="item">
           <div>
               <img src="./xiaomi/img/9号.jpg"alt="">
               <p>Xiaomi 12 Pro</p>
              </div>
        </div>
        <div class="item">
           <div>
               <img src="./xiaomi/img/9号.jpg" alt="">
               <p>Xiaomi 12 Pro</p>
              </div>
        </div>
        <div class="item remove">
           <div>
               <img src="./xiaomi/img/9号.jpg" alt="">
               <p>Xiaomi 12 Pro</p>
              </div>
        </div>
        </div>
          <!-- 清浮动 -->
          <div class="clear"></div>
         <div class="photo">
         <img src="./xiaomi/img/10.webp" alt="">
         </div>
         <div class="nav2">
        <p class="head">日用百货</p>
        <a href=""><span>家居床品</span></a>
        <a href=""><span>儿童用品</span></a>
        <a href=""><span>电源/线材</span></a>
        <a href=""><p class="p2">个护健康</p></a>
        </div>
        </div>

        <div class="wrapper1">
            <div class="home">
             <img src="./xiaomi/img/移动电源.webp" alt="">
             <img class="img2" src="./xiaomi/img/剃须刀.webp" alt="">
             </div>
            <div class="phone">
            <div class="item">
              <div>
              <img src="./xiaomi/load/black.png" alt="">
              <p>Xiaomi 12 Pro</p>
             </div>
            </div>
            <div class="item">
             <div>
                 <img src="./xiaomi/load/black.png" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
            </div>
             <div class="item">
             <div>
                 <img src="./xiaomi/load/black.png" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
            </div>
             <div class="item remove">
             <div>
                 <img src="./xiaomi/load/black.png" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
            </div>
            <div class="item">
             <div>
                 <img src="./xiaomi/load/black.png" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
             </div>
            <div class="item">
             <div>
                 <img src="./xiaomi/load/black.png" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
             </div>
            <div class="item">
             <div>
                 <img src="./xiaomi/load/black.png" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
             </div>
            <div class="item remove">
             <div>
                 <img src="./xiaomi/load/black.png" alt="">
                 <p>Xiaomi 12 Pro</p>
                </div>
            </div>
            </div>
            </div>
             <!-- 清浮动 -->
            <div class="clear"></div>

            <div class="wrapper1">
                <div class="nav2">
                <p class="head">视频</p>
                <p class="p1">查看更多<span>&gt;</span></p>
                </div>
                <div class="ved">
                <img src="./xiaomi/img/first.webp" alt="">
                <p>2021年春季新品发布会第一场</p>
                </div>
                <div class="ved1">
                 <img src="./xiaomi/img/second.webp" alt="">
                <p>Redmi 10X系列发布会</p>
                </div>
                <div class="ved1">
                <img src="./xiaomi/img/third.webp" alt="">
                <p>小米10 青春版 发布会</p>
                </div>
                <div class="ved1">
                     <img src="./xiaomi/img/forth.webp" alt="">
                 <p>小米10 8K手机拍大片</p>
                 </div>
                </div>
    </div>

    <div class="footer">
        <div class="footere">
        <div class="wrapper">  
            <div class="line">   
         <div>
           <a href="">预约维修服务<span>|</span></a>
         </div>
         <div>
           <a href="">7天无理由退货<span>|</span></a>
         </div>
         <div>
           <a href="">15天免费换货<span>|</span></a>
         </div>
         <div>
           <a href="">满69包邮<span>|</span></a>
         </div>
         <div>
           <a href="">520余家售后网点</a>
         </div>
        </div> 

        <div class="box">
        <dl>
           <dt>帮助中心</dt>
           <dd>账户管理</dd>
           <dd>购物指南</dd>
           <dd>订单操作</dd>
        </dl>
        <dl>
           <dt>服务支持</dt>
           <dd>售后政策</dd>
           <dd>自助服务</dd>
           <dd>相关下载</dd>
        </dl>
        <dl>
           <dt>线下门店</dt>
           <dd>小米之家</dd>
           <dd>服务网点</dd>
           <dd>授权体验店/专区</dd>
        </dl>
        <dl>
            <dt>关于小米</dt>
           <dd>了解小米</dd>
           <dd>加入小米</dd>
           <dd>投资者关系</dd>
           <dd>企业社会责任</dd>
           <dd>廉洁举报</dd>
        </dl>
      
        <dl>
           <dt>关于小米</dt>
           <dd>新浪微博</dd>
           <dd>官方微信</dd>
           <dd>联系我们</dd>
           <dd>公益基金会</dd>
           <dd>廉洁举报</dd>
        </dl>
        <dl>
           <dt>特色服务</dt>
           <dd>F码通道</dd>
           <dd>礼物码</dd>
           <dd>防伪查询</dd>
        </dl>
        </div>
       <div class="textr">
        <p>400-100-5678</p>
        <p class="p1">8:00-18:00（仅收市话费</p>
        <div class="p2">
         人工客服
        </div>
        <p class="p3">关注小米:</p><span><img src="./xiaomi/img/picture.jpg" alt=""></span>
        </div>
         </div>
        </div>
       <div class="last">
        <div class="wrapper">  
        <div class="bg">  
        <div class="logo">
        <img src="./xiaomi/img/logo-mi2.png" alt="">
        <p>小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 | Select Location
        北京互联网法院法律服务工作站 | 中国消费者协会 | 北京市消费者协会</p><br>
        <p class="p1">© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号
        （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告
        增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证
        违法和不良信息举报电话:171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p><br>
        </div>
        <div class="bottom">
           <img src="./xiaomi/img/隐私.png" alt="">
            <img src="./xiaomi/img/诚信网站.png" alt="">
            <img src="./xiaomi/img/可信网站.png" alt="">
            <img src="./xiaomi/img/诚信.png" alt="">
            <img src="./xiaomi/img/网站安全.png" alt="">
           </div>
        </div>
       </div>
    </div>
</div>
</body>
</html>